<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <title>文本基本练习</title>
    <style type="text/css">
      p.class1 {
        font-size: 24px;
        font-weight: bold;
        color: red;
      }
      ul#id1 li {
        margin-left: 0px;
        list-style-type: none;
        display: inline;
      }
    </style>
  </head>

  <body>
    <p style="font-size: 14px; color: blue">手机充值、IP卡/电话卡</p>
    <p class="class1">移动&nbsp;|&nbsp; 100 | &nbsp;联通 | &nbsp;50</p>
    <hr
      style="
        width: 200px;
        height: 5px;
        margin-left: 0px;
        border-style: none;
        background-color: green;
      "
    />
    <ul id="id1">
      <li>如何注册会员？</li>
      <li>如何激活会员名？</li>
    </ul>
  </body>
</html>
